<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式*/
			/*css部分：选择器：抓取页面元素，元素增加效果
                       选择器{
						   属性:属性值;[冒号和分号全是英文状态]
						   属性:属性值;
					   }
			*/
		   p{
			   width: 200px;
			   height: 200px;
			   background: #e4393c;/*16进制色值*/
		   }
		</style>
	</head>
	<body>
		<!-- ①内联样式表,叫做行内样式表  【开发不用】
		     语法:前标记 style="属性:属性值;属性:属性值;..."
			 -->
		<div style="width: 300px;height: 300px;background: red;"></div>
		<!-- ② 内部样式表【开发不用：练习专用】
		html部分:在head元素中，添加style元素
		css部分:在style元素中，添加css样式-->
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores dignissimos, tenetur totam vero quis aliquid quae, quod, at molestias nostrum voluptas! Sequi saepe ullam unde quisquam provident minus fuga iste.</p>
	</body>
</html>